html {
  height: 100%;
}

hr {
  page-break-after: always;
}

body {
  margin: 60px 5px 0px 5px;
  //height: 100%;
}

// mainly for mobile
@media (max-width: 980px) {
  body {
    padding-top: 0;
  }
}

img,
object {
  max-width: 100%;
  max-height: 45%;
}

#preview {
  background-color: #FDFDFD;
  margin-top: 20px;
  overflow: auto;
  height: 80%;
  //max-height: 80%;
}

.fd-zone {
  position: relative;
  overflow: hidden;
  //width: 15em;
  //text-align:center;
}

.fd-file {
  opacity: 0;
  font-size:118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}

.fd-zone.over {border-color: maroon;}

.fixed {
  position: fixed;
  top: 60px;
}

#text-input {
  border:0;
  box-shadow: none;
  height: 500px;
}

i {
  margin: 5px;
}

#submit{
  margin: 5px;
}
